<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>Title</title>
    <link rel="stylesheet" href="../css/app.css">
</head>
<body>
<header class="herader">
    <a href="#" class="return"></a>
    <a class="title">
        <span>用户详情</span>
    </a>
</header>

<div class="user-details">
    <ul>
        <li>
            <span class="span-title">姓&nbsp&nbsp名:</span>
            <span class="span-box">沈佳</span>
        </li>
        <li>
            <span class="span-title">电&nbsp&nbsp话:</span>
            <span class="span-box">13693542269</span>
        </li>
        <li>
            <span class="span-title">状&nbsp&nbsp态:</span>
            <span>已报名</span>
        </li>
        <li>
            <span class="span-title">分&nbsp&nbsp组:</span>
            <span>一大一小</span>
        </li>
        <li>
            <span>本馆出勤:</span>
            <span>4/5</span>
            <span style="padding-left: 0.6rem">出勤率:</span>
            <span>90%</span>
        </li>
    </ul>
</div>
<div class="line"></div>
    <div class="user-list">
        <div class="user-message">
            <div class="time">
                <span>发送时间：</span>
                <span>2018.4.13</span>
                <span>10:13:12</span>
            </div>
            <div class="text">
                <span>您好,您以成功报名4月15日周六的亲自活动,时间为10:00-11:30,地点为樊登读书会,全程免费,请勿迟到</span>
            </div>

        </div>
        <div class="user-message">
            <div class="time">
                <span>发送时间：</span>
                <span>2018.4.13</span>
                <span>10:13:12</span>
            </div>
            <div class="text">
                <span>您好,您以成功报名4月15日周六的亲自活动,时间为10:00-11:30,地点为樊登读书会,全程免费,请勿迟到</span>
            </div>

        </div>
        <div class="user-message">
            <div class="time">
                <span>发送时间：</span>
                <span>2018.4.13</span>
                <span>10:13:12</span>
            </div>
            <div class="text">
                <span>您好,您以成功报名4月15日周六的亲自活动,时间为10:00-11:30,地点为樊登读书会,全程免费,请勿迟到</span>
            </div>

        </div>
        <div class="user-message">
            <div class="time">
                <span>发送时间：</span>
                <span>2018.4.13</span>
                <span>10:13:12</span>
            </div>
            <div class="text">
                <span>您好,您以成功报名4月15日周六的亲自活动,时间为10:00-11:30,地点为樊登读书会,全程免费,请勿迟到</span>
            </div>

        </div>
    </div>

</body>
</html>